<!--
 * @Author: 汪军 624473119@qq.com
 * @Date: 2023-10-22 13:13:43
 * @LastEditors: 汪军 624473119@qq.com
 * @LastEditTime: 2023-10-25 16:05:29
 * @FilePath: \app-formwork\src\pages\login\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template lang="pug">
view.detection-log
  view.px-32.py-24
    view.f-32-B.mb-20 示例展示：
    view.card.px-20.py-12
      view.info.px-16.py-12.f-20
        view.item.lable Device: Antiraedi A1
        view.item
          text.lable Detect object:
          text.bold A1
        view.item
          text.lable Radiafon Lewet:
          text.radiation Safe (0.013 mSWh
        view.item.lable Date:14:28 15 021 2023
        view.item
          text.lable Locafion:
          text.location South Palm Resort Maldives , Hulhume edhoo
      view.feature.flex.mt-24
        up-button.btn(type="primary" text="发布" size="mini" :disabled="true")
        up-button.btn(type="primary" text="地图显示" size="mini" :disabled="true")
        up-button.btn(type="primary" text="生成报告" size="mini" @click="onReport")
</template>

<script setup>
const onReport = () => {
  uni.navigateTo({ url: "/pagesA/discover/detection-report" })
}
</script>

<style lang="stylus" scoped>
.detection-log
  .card
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    .info
      background: #F5F5F5;
      border-radius: 8px;
    .item
      line-height: 28rpx;
    .lable
      color: rgba(0,0,0,0.38);
    .radiation
      color: #2ED296
    .location
      color: #306EFF;
    .btn
      margin-right: 20rpx
      height: 56rpx;
      background: #306EFF;
    .btn:last-child
      margin-right: 0;
</style>
